<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="author" content="">
    <title>香港中文大学</title>
    <link rel="stylesheet" href="css/idangerous.swiper.css"/>
    <link rel="stylesheet" href="css/css-reset.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/idangerous.swiper.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.js"></script>
    <script src="js/basic.js"></script>


    <!--[if lt IE 9]><script src="js/html5.js" ></script><![endif]-->
    <!--[if lt IE 9]><script src="js/selectivizr-min.js" ></script><![endif]-->


</head>
<body>


<!--头部-->
<header></header>


<div class="index-banner">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background: url('images/index-banner1.jpg') no-repeat center center;background-size: cover;"></div>
            <div class="swiper-slide" style="background: url('images/index-banner1.jpg') no-repeat center center;background-size: cover;"></div>
            <div class="swiper-slide" style="background: url('images/index-banner1.jpg') no-repeat center center;background-size: cover;"></div>
            <div class="swiper-slide" style="background: url('images/index-banner1.jpg') no-repeat center center;background-size: cover;"></div>
            <div class="swiper-slide" style="background: url('images/index-banner1.jpg') no-repeat center center;background-size: cover;"></div>
        </div>
        <div class="pagination"></div>
    </div>

</div>



<div class="index-news">
    <div class="wrap clearfix">
        <div class="in-left">
            <div class="in-title clearfix">
                <div class="in-title-h">
                    <h3>金世讲堂</h3>
                    <div class="in-title-line"></div>
                </div>
                <a class="in-title-more" href="news.html">更多 &gt;</a>
            </div>
            <div class="inl-content clearfix">
                <div class="in-box">
                    <a href="news-detail.html">
                        <div class="in-box-img">
                            <img width="354" height="224" src="images/inews1.jpg" alt="">
                        </div>
                        <div class="in-box-con">
                            <h4>郑百重——中国书画艺术</h4>
                            <p>当代著名中国画家郑百重，擅长中国山水花鸟画兼工书法篆刻,1945年生于福州。现任厦门大学...</p>
                        </div>
                        <div class="in-box-date">2017年11月27日</div>
                    </a>
                </div>
                <div class="in-box">
                    <a href="news-detail.html">
                        <div class="in-box-img">
                            <img width="354" height="224" src="images/inews2.jpg" alt="">
                        </div>
                        <div class="in-box-con">
                            <h4>郑百重——中国书画艺术</h4>
                            <p>当代著名中国画家郑百重，擅长中国山水花鸟画兼工书法篆刻,1945年生于福州。现任厦门大学...</p>
                        </div>
                        <div class="in-box-date">2017年11月27日</div>
                    </a>
                </div>
            </div>
        </div>

        <div class="in-right">
            <div class="in-title clearfix">
                <div class="in-title-h">
                    <h3>其他活动</h3>
                    <div class="in-title-line"></div>
                </div>
                <a class="in-title-more" href="news.html">更多 &gt;</a>
            </div>

            <div class="inr-active">
                <div class="inr-box clearfix">
                    <a href="news-detail.html">
                        <div class="inr-box-date">
                            <h4>29</h4>
                            <p>2017-12</p>
                        </div>
                        <div class="inr-box-p">
                            <h4>相机看世界——校友陈铭阶摄影展</h4>
                            <p>教育科学和文理基础学科为主要特色的百年著名学府..</p>
                        </div>
                    </a>
                </div>
                <div class="inr-box clearfix">
                    <a href="news-detail.html">
                        <div class="inr-box-date">
                            <h4>29</h4>
                            <p>2017-12</p>
                        </div>
                        <div class="inr-box-p">
                            <h4>热诚欢迎报考艺术硕士研究生</h4>
                            <p>因学院发展需要，对学院分党委工作队伍进行补充</p>
                        </div>
                    </a>
                </div>
                <div class="inr-box clearfix">
                    <a href="news-detail.html">
                        <div class="inr-box-date">
                            <h4>29</h4>
                            <p>2017-12</p>
                        </div>
                        <div class="inr-box-p">
                            <h4>2017年学院推免复试工作说明</h4>
                            <p>通过开幕活动的分享会，陈铭阶先生将与大家分享...</p>
                        </div>
                    </a>
                </div>
                <div class="inr-box clearfix">
                    <a href="news-detail.html">
                        <div class="inr-box-date">
                            <h4>29</h4>
                            <p>2017-12</p>
                        </div>
                        <div class="inr-box-p">
                            <h4>2016级单证专硕入学须知</h4>
                            <p>我们诚邀热爱教育事业的有志之士加入艺术与传媒学院</p>
                        </div>
                    </a>
                </div>
                <div class="inr-box clearfix">
                    <a href="news-detail.html">
                        <div class="inr-box-date">
                            <h4>29</h4>
                            <p>2017-12</p>
                        </div>
                        <div class="inr-box-p">
                            <h4>2017年学院推免复试工作说明</h4>
                            <p>通过开幕活动的分享会，陈铭阶先生将与大家分享...</p>
                        </div>
                    </a>
                </div>
            </div>

        </div>

    </div>

</div>


<div class="index-curriculum">
    <div class="wrap">
        <div class="index-title">
            <div class="index-title-en">CURRICULUM</div>
            <h3>课程设置</h3>
            <div class="index-title-line"></div>
        </div>
        <div class="index-title-p">
            中国目前最创新的K12国际教育学院，我们全面引进美国K12 COMMON CORE课程，不但通过以学生为中心
            <br>
            的教学来提升学生综合运用英文的能力.
        </div>
        <div class="icur-content clearfix">
            <div class="icur-box">
                <a href="course.html">
                    <div class="icur-box-img">
                        <img width="270" height="178" src="images/icur-img1.jpg" alt="">
                    </div>
                    <div class="icur-box-p">
                        <p>课程概况</p>
                        <div class="icur-box-icon"></div>
                    </div>
                </a>
            </div>
            <div class="icur-box">
                <a href="course.html">
                    <div class="icur-box-img">
                        <img width="270" height="178" src="images/icur-img2.jpg" alt="">
                    </div>
                    <div class="icur-box-p">
                        <p>修读模式</p>
                        <div class="icur-box-icon"></div>
                    </div>
                </a>
            </div>
            <div class="icur-box">
                <a href="course.html">
                    <div class="icur-box-img">
                        <img width="270" height="178" src="images/icur-img3.jpg" alt="">
                    </div>
                    <div class="icur-box-p">
                        <p>必修课目</p>
                        <div class="icur-box-icon"></div>
                    </div>
                </a>
            </div>
            <div class="icur-box">
                <a href="course.html">
                    <div class="icur-box-img">
                        <img width="270" height="178" src="images/icur-img4.jpg" alt="">
                    </div>
                    <div class="icur-box-p">
                        <p>选修科目</p>
                        <div class="icur-box-icon"></div>
                    </div>
                </a>
            </div>

        </div>

    </div>

</div>


<div class="index-team">
    <div class="wrap">
        <div class="index-title">
            <div class="index-title-en">TEACHERS</div>
            <h3>师资团队</h3>
            <div class="index-title-line"></div>
        </div>
        <div class="index-title-p">
            强大的师资团队，满足你的学习兴趣
        </div>

        <div class="index-team-content clearfix">

            <div class="it-box">
                <a href="team-detail.html">
                    <div class="it-box-img">
                        <img width="300" height="360" src="images/it-img1.jpg" alt="">
                    </div>
                    <div class="it-box-con">
                        <div class="it-box-title">蔡小强  （硕士、博士、学士）</div>
                        <div class="it-box-p">
                            蔡小强教授1988年获清华大学系统工程博士学位，后留校参加国家863高科技发展计划。1989-1991年在英国剑桥大学及贝尔法斯特女皇大学从事博士后研究...
                        </div>
                        <div class="it-box-more">查看详情</div>
                    </div>
                </a>
            </div>
            <div class="it-box">
                <a href="team-detail.html">
                    <div class="it-box-img">
                        <img width="300" height="360" src="images/it-img2.jpg" alt="">
                    </div>
                    <div class="it-box-con">
                        <div class="it-box-title">李春刚  创始合伙人/总经理</div>
                        <div class="it-box-p">
                            重庆大学毕业，分别任职在纽约交易所、香港交易所和A股交易所的上市公司，有3年能源（中海油公司），5年证券（大鹏证券）和10年房地产...
                        </div>
                        <div class="it-box-more">查看更多</div>
                    </div>
                </a>
            </div>
            <div class="it-box">
                <a href="team-detail.html">
                    <div class="it-box-img">
                        <img width="300" height="360" src="images/it-img3.jpg" alt="">
                    </div>
                    <div class="it-box-con">
                        <div class="it-box-title">李春刚  创始合伙人/总经理</div>
                        <div class="it-box-p">
                            重庆大学毕业，分别任职在纽约交易所、香港交易所和A股交易所的上市公司，有3年能源（中海油公司），5年证券（大鹏证券）和10年房地产...
                        </div>
                        <div class="it-box-more">查看更多</div>
                    </div>
                </a>
            </div>
            <div class="it-box">
                <a href="team-detail.html">
                    <div class="it-box-img">
                        <img width="300" height="360" src="images/it-img4.jpg" alt="">
                    </div>
                    <div class="it-box-con">
                        <div class="it-box-title">李春刚  创始合伙人/总经理</div>
                        <div class="it-box-p">
                            重庆大学毕业，分别任职在纽约交易所、香港交易所和A股交易所的上市公司，有3年能源（中海油公司），5年证券（大鹏证券）和10年房地产...
                        </div>
                        <div class="it-box-more">查看更多</div>
                    </div>
                </a>
            </div>
        </div>
    </div>

</div>


<div class="index-process">
    <div class="wrap clearfix">
        <div class="ipr-video">
            <div class="in-title clearfix">
                <div class="in-title-h">
                    <h3>金世讲堂</h3>
                    <div class="in-title-line"></div>
                </div>
            </div>
            <div class="ipr-video-img">
                <img width="360" height="228" src="images/ipr-video-img.jpg" alt="">
            </div>
            <div class="ipr-video-p">校园视频介绍</div>
        </div>

        <div class="ipr-apply">
            <div class="in-title clearfix">
                <div class="in-title-h">
                    <h3>申请流程</h3>
                    <div class="in-title-line"></div>
                </div>
            </div>

            <div class="ipr-apply-content clearfix">
                <div class="apply-box">
                    <a href="enroll.html">
                        <div class="apply-box-img">
                            <img width="190" height="228" src="images/apply1.jpg" alt="">
                        </div>
                        <div class="apply-box-p">
                            <p><span>1</span>网上申请</p>
                        </div>
                    </a>
                </div>
                <div class="apply-box">
                    <a href="enroll.html">
                        <div class="apply-box-img">
                            <img width="190" height="228" src="images/apply2.jpg" alt="">
                        </div>
                        <div class="apply-box-p">
                            <p><span>2</span>提交申请材料</p>
                        </div>
                    </a>
                </div>
                <div class="apply-box">
                    <a href="enroll.html">
                        <div class="apply-box-img">
                            <img width="190" height="228" src="images/apply3.jpg" alt="">
                        </div>
                        <div class="apply-box-p">
                            <p><span>3</span>录取委员会审核</p>
                        </div>
                    </a>
                </div>
                <div class="apply-box">
                    <a href="enroll.html">
                        <div class="apply-box-img">
                            <img width="190" height="228" src="images/apply4.jpg" alt="">
                        </div>
                        <div class="apply-box-p">
                            <p><span>4</span>录取通知</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>

    </div>

</div>



<div class="index-ss">
    <div class="wrap">
        <div class="index-title">
            <!--<div class="index-title-en">TEACHERS</div>-->
            <h3>入学申请</h3>
            <div class="index-title-line"></div>
        </div>
        <div class="index-title-p">
            有关我们服务的更多信息,请联系我们
        </div>
        <div class="index-ss-link">
            <a href="http://www.cuhk.edu.cn/matrix-base/gs/login ">立即申请</a>
        </div>

        <div class="index-ss-content clearfix">
            <div class="iss-box">
                <div class="iss-box-icon">
                    <img width="50" height="50" src="images/iss1.png" alt="">
                </div>
                <div class="iss-box-p">4小时服务热线：755 8427 3810</div>
            </div>
            <div class="iss-box">
                <div class="iss-box-icon">
                    <img width="50" height="50" src="images/iss2.png" alt="">
                </div>
                <div class="iss-box-p">E-mail：mscfe@cuhk.edu.cn</div>
            </div>
            <div class="iss-box">
                <div class="iss-box-icon">
                    <img width="50" height="50" src="images/iss3.png" alt="">
                </div>
                <div class="iss-box-p">企业QQ：4000460001</div>
            </div>
            <div class="iss-box">
                <div class="iss-box-icon">
                    <img width="50" height="50" src="images/iss4.png" alt="">
                </div>
                <div class="iss-box-p">广东-深圳市龙岗区龙翔大道2001号</div>
            </div>
        </div>
    </div>

</div>




<!--底部-->
<footer></footer>



<!--视频弹窗容器-->
<div class="video-box"></div>





<script>

    $(function () {

        //banner
        var mySwiper1 = new Swiper('.index-banner .swiper-container',{
            loop: true,
            autoplay : 5000,
            speed: 1000,
            pagination : '.index-banner .pagination',
            paginationClickable :true,
            autoplayDisableOnInteraction : false
            //其他设置
        });

        //师资切换
        $('.index-team-content .it-box').eq(0).addClass('on');
        $('.it-box').hover(function () {
            $('.it-box').removeClass('on');
            $(this).addClass('on');
        })


        //Ajax加载视频弹窗
        $('.ipr-video-img').click(function () {
            $.ajax({
                url: 'video-box.html',//视频弹窗地址
                data:{},
                cache: false,
                type: "GET",
                success: function (obj) {
                    $('.video-box').html(obj);
                },
            });
            $('.video-box').show();//box为容器，用于存放video-box.html的内容，默认隐藏
        });

    })


</script>



</body>
</html>

